//AJAX 教程

// function loadXMLDoc()
// {
// 	var xmlhttp;
// 	if (window.XMLHttpRequest)
// 	{
// 		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
// 		xmlhttp=new XMLHttpRequest();
// 	}
// 	else
// 	{
// 		// IE6, IE5 浏览器执行代码
// 		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
// 	}
// 	xmlhttp.onreadystatechange=function()
// 	{
// 		if (xmlhttp.readyState==4 && xmlhttp.status==200)
// 		{
// 			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
// 		}
// 	}
// 	xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
// 	xmlhttp.send();
// }

'use strict'

function getdata(callback){
    //这里我们假设是从后端获取数据
    setTimeout(function(){
     //假设我们获取到数据info
     var info = {
      "id":1,
      "name":'张三'
     }
     //得到数据以后执行函数方法
     callback(info)//这个就是回调函数
    },1000)


// function getdate(callback){
    //这里我们假设是从后端获取数据
//     setTimeout(function(){
    //假设我们获取到数据info
//         var info = {
//             "id":1,
//             "name":'敦煌'
//         }
       //得到数据以后执行函数方法
//         callback(info);/这个就是回调函数
//     },1000);
// }
// function chack(date){
//     if(date.id===1){
//         alert('成功，通过');
//     }
// }



//getdata和check，我们执行了getdata方法，并把check当做参数传给了getdata，那么这时候check就是回调函数！


//vue框架的应用，其他框架的可以自行修改！！！
//用户权限验证实例：
created(){//在这个钩子函数中取执行获取数据的方法，将验证方法作为回调传入
    getdata(check)
   }
   methods:{//在这里面，首先你得有created钩子函数中用到的那两个方法
     function getdata(callback){//向后端请求用户信息
      //这里我们假设是从后端获取数据
      setTimeout(function(){
       //假设我们获取到数据info
       var info = {
        "id":1,
        "name":'张三'
       }
       //得到数据以后执行函数方法
       callback(info)//这个就是回调函数，得到用户信息后去验证他的权限
      },1000)
   }
  function check(data){//验证用户权限
    if(data.id==1){//验证权限的条件，根据实际设定
     console.log('验证成功，可以通过')//权限通过，可以做什么
    }else{
     console.log('验证失败，禁止通行')//没有权限，可以做什么
    }
  }
   }